<template>
	<div>

		<van-nav-bar
		  title="课程"
		  left-text="返回"
		  left-arrow
		  @click-left="onClickLeft"
		/>
		<van-now>
			<van-now>
				<van-col span="10"></van-col>
				<van-col span="14"></van-col>
			<van-divider>快速训练</van-divider>
			</van-now>
			<van-grid :gutter="10" :column-num="2">
			  <van-grid-item icon="photo-o" text="单词速听" />
			  <van-grid-item icon="photo-o" text="单词自检" />
			</van-grid>
		</van-now>
		<van-now>
			<van-now>
				<van-col span="10"></van-col>
				<van-col span="14"></van-col>
			<van-divider>专项训练</van-divider>
			</van-now>
			<van-grid :gutter="10" :column-num="2">
			  <van-grid-item icon="photo-o" badge="20" text="英文选义" />
			  <van-grid-item icon="photo-o" text="中文选词" />
			</van-grid>
			<van-grid :gutter="10" :column-num="2">
			  <van-grid-item icon="photo-o" text="听音选义" />
			  <van-grid-item icon="photo-o" text="填空拼写" />
			</van-grid>
			<van-grid :gutter="10" :column-num="2">
			  <van-grid-item icon="photo-o" text="文字" />
			  <van-grid-item icon="photo-o" text="文字" />
			</van-grid>
			<van-grid :gutter="10" :column-num="2">
			  <van-grid-item icon="photo-o" text="文字" />
			  <van-grid-item icon="photo-o" text="文字" />
			</van-grid>
		</van-now>


	</div>


</template>

<script>
	export default {
	  setup() {
	    const onClickLeft = () => history.back();
	    return {
	      onClickLeft,
	    };
	  },
	};
</script>

<style>
</style>
